255. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-07-21 10:22:20 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

255.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo4_en.css2021-04-28 04:53:20 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo4_en.css2021-06-27 10:07:32 +0000

255.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2682
Changed12
Inserted00
Removed00

255.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

255.4 Active regular expressions

No regular expressions were active.

255.5 Comparison detail

1 /** 1 /**
2  * WARNING: Do not change this file. Your changes will be lost. 2  * WARNING: Do not change this file. Your changes will be lost.
3  * 2021-04-28 04:53:19 */ 3  * 2021-06-27 10:07:31 */
4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed { 4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
5 } 5 }
6 @media (min-width: 768px) { 6 @media (min-width: 768px) {
7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom { 7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
8         width: 57.17%; 8         width: 57.17%;
9     } 9     }
10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper { 10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
11         width: 40.83%; 11         width: 40.83%;
12     } 12     }
13  13 
14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main { 14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
15         width: 42.8775%; 15         width: 42.8775%;
16     } 16     }
17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media { 17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
18         width: 30.6225%; 18         width: 30.6225%;
19     } 19     }
20 } 20 }
21  21 
22 @media (max-width: 575px){ 22 @media (max-width: 575px){
23 body { 23 body {
24     font-size: 13px; 24     font-size: 13px;
25     line-height: 21px; 25     line-height: 21px;
26 } 26 }
27 } 27 }
28 h1, h2, h3, h4, h5, h6 { 28 h1, h2, h3, h4, h5, h6 {
29     color: #222529; 29     color: #222529;
30     letter-spacing: normal; 30     letter-spacing: normal;
31 } 31 }
32 h1 { 32 h1 {
33     font-family: Poppins,sans-serif; 33     font-family: Poppins,sans-serif;
34     font-weight: 700; 34     font-weight: 700;
35     font-size: 36px; 35     font-size: 36px;
36     line-height: 44px; 36     line-height: 44px;
37     color: #222529; 37     color: #222529;
38     margin: 0 0 32px 0; 38     margin: 0 0 32px 0;
39 } 39 }
40 h2 { 40 h2 {
41     font-family: Poppins,sans-serif; 41     font-family: Poppins,sans-serif;
42     font-weight: 700; 42     font-weight: 700;
43     font-size: 30px; 43     font-size: 30px;
44     line-height: 40px; 44     line-height: 40px;
45     color: #222529; 45     color: #222529;
46     margin: 0 0 32px 0; 46     margin: 0 0 32px 0;
47 } 47 }
48 h3 { 48 h3 {
49     font-family: Poppins,sans-serif; 49     font-family: Poppins,sans-serif;
50     font-weight: 700; 50     font-weight: 700;
51     font-size: 14px; 51     font-size: 14px;
52     line-height: 32px; 52     line-height: 32px;
53     color: #222529; 53     color: #222529;
54     margin: 0 0 20px 0; 54     margin: 0 0 20px 0;
55 } 55 }
56 h4 { 56 h4 {
57     font-family: Poppins,sans-serif; 57     font-family: Poppins,sans-serif;
58     font-weight: 700; 58     font-weight: 700;
59     font-size: 16px; 59     font-size: 16px;
60     line-height: 19px; 60     line-height: 19px;
61     color: #222529; 61     color: #222529;
62     margin: 0 0 14px 0; 62     margin: 0 0 14px 0;
63 } 63 }
64 h5 { 64 h5 {
65     font-family: Open Sans,sans-serif; 65     font-family: Open Sans,sans-serif;
66     font-weight: 600; 66     font-weight: 600;
67     font-size: 14px; 67     font-size: 14px;
68     line-height: 18px; 68     line-height: 18px;
69     color: #313131; 69     color: #313131;
70     margin: 0 0 14px 0; 70     margin: 0 0 14px 0;
71 } 71 }
72 h6 { 72 h6 {
73     font-family: Open Sans,sans-serif; 73     font-family: Open Sans,sans-serif;
74     font-weight: 600; 74     font-weight: 600;
75     font-size: 14px; 75     font-size: 14px;
76     line-height: 18px; 76     line-height: 18px;
77     color: #6b7a83; 77     color: #6b7a83;
78     margin: 0 0 14px 0; 78     margin: 0 0 14px 0;
79 } 79 }
80 p {  80 p { 
81     letter-spacing: 0; 81     letter-spacing: 0;
82 } 82 }
83 .col-auto { 83 .col-auto {
84     -ms-flex: 0 0 auto; 84     -ms-flex: 0 0 auto;
85     flex: 0 0 auto; 85     flex: 0 0 auto;
86     max-width: none; 86     max-width: none;
87 } 87 }
88 sup { 88 sup {
89     font-size: 70%; 89     font-size: 70%;
90     top: -.3em; 90     top: -.3em;
91 } 91 }
92 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 92 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
93     font-family: 'Segoe Script','Savoye LET'; 93     font-family: 'Segoe Script','Savoye LET';
94 } 94 }
95 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 95 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
96     color: #ff7272; 96     color: #ff7272;
97 } 97 }
98 html .action.primary, html .btn { 98 html .action.primary, html .btn {
99     font-family: Poppins; 99     font-family: Poppins;
100     letter-spacing: .01em; 100     letter-spacing: .01em;
101     font-weight: 700; 101     font-weight: 700;
102     line-height: 1.42857; 102     line-height: 1.42857;
103     padding: .8em 2em; 103     padding: .8em 2em;
104 } 104 }
105 html .action.primary { 105 html .action.primary {
106     color: #fff; 106     color: #fff;
107     background-color: #08c; 107     background-color: #08c;
108     border-color: #08c #08c #069; 108     border-color: #08c #08c #069;
109 } 109 }
110 html .btn-modern { 110 html .btn-modern {
111     text-transform: uppercase; 111     text-transform: uppercase;
112     font-size: .75rem; 112     font-size: .75rem;
113     font-family: Poppins; 113     font-family: Poppins;
114     font-weight: 700; 114     font-weight: 700;
115     letter-spacing: .01em; 115     letter-spacing: .01em;
116     padding: 1em 1.6em; 116     padding: 1em 1.6em;
117 } 117 }
118 .btn-flat { 118 .btn-flat {
119     padding: 0!important; 119     padding: 0!important;
120     background: none!important; 120     background: none!important;
121     border: none!important; 121     border: none!important;
122     border-bottom: 1px solid transparent!important; 122     border-bottom: 1px solid transparent!important;
123     box-shadow: none!important; 123     box-shadow: none!important;
124     text-transform: uppercase; 124     text-transform: uppercase;
125     font-size: .75rem; 125     font-size: .75rem;
126 } 126 }
127 html .btn-dark { 127 html .btn-dark {
128     color: #fff; 128     color: #fff;
129     background-color: #222529; 129     background-color: #222529;
130     border-color: #222529 #222529 #0b0c0e; 130     border-color: #222529 #222529 #0b0c0e;
131 } 131 }
132 html .btn-light { 132 html .btn-light {
133     color: #222529; 133     color: #222529;
134     background-color: #fff; 134     background-color: #fff;
135     border-color: #fff #fff #e6e6e6; 135     border-color: #fff #fff #e6e6e6;
136  136 
137 html .btn-lg {  137 html .btn-lg { 
138     line-height: 1.3333; 138     line-height: 1.3333;
139 } 139 }
140 .btn-modern.btn-lg { 140 .btn-modern.btn-lg {
141     font-size: 1em; 141     font-size: 1em;
142     padding: 1rem 2.25rem; 142     padding: 1rem 2.25rem;
143     padding-left: 2.8em; 143     padding-left: 2.8em;
144     padding-right: 2.8em; 144     padding-right: 2.8em;
145 } 145 }
146 .btn-modern.btn-xl { 146 .btn-modern.btn-xl {
147     font-size: 1.1428em; 147     font-size: 1.1428em;
148     padding: 1.25em 3em; 148     padding: 1.25em 3em;
149 } 149 }
150 html .btn-quaternary { 150 html .btn-quaternary {
151     color: #fff; 151     color: #fff;
152     background-color: #0e0f11; 152     background-color: #0e0f11;
153     border-color: #0e0f11 #0e0f11 #000; 153     border-color: #0e0f11 #0e0f11 #000;
154 } 154 }
155 html .background-color-secondary { 155 html .background-color-secondary {
156     background-color: #ff7272!important; 156     background-color: #ff7272!important;
157 } 157 }
158 .porto-block-html-top a {  158 .porto-block-html-top a { 
159     background: #0075af !important;  159     background: #0075af !important; 
160 } 160 }
161  161 
162 .page-header .panel.wrapper::after { 162 .page-header .panel.wrapper::after {
163     display: none; 163     display: none;
164 } 164 }
165 .page-header .panel.wrapper {  165 .page-header .panel.wrapper { 
166     letter-spacing: .025em; 166     letter-spacing: .025em;
167 } 167 }
168 .page-header .header-main {  168 .page-header .header-main { 
169     border-top: 1px solid #e7e7e7; 169     border-top: 1px solid #e7e7e7;
170 } 170 }
171 .sw-megamenu.navigation li.level0 > em, .sw-megamenu.navigation li.level0 i { 171 .sw-megamenu.navigation li.level0 > em, .sw-megamenu.navigation li.level0 i {
172     display: none; 172     display: none;
173 } 173 }
174 .page-header.type2 .main-panel-top .separator { 174 .page-header.type2 .main-panel-top .separator {
175     border-left-color: rgba(0,0,0,.04); 175     border-left-color: rgba(0,0,0,.04);
176 } 176 }
177 .page-header.type2 .block-search input { 177 .page-header.type2 .block-search input {
178     height: 40px; 178     height: 40px;
179 } 179 }
180 .page-header.type2 .search-category {  180 .page-header.type2 .search-category { 
181     height: 40px; 181     height: 40px;
182     line-height: 40px;  182     line-height: 40px; 
183     border-color: #fff; 183     border-color: #fff;
184 } 184 }
185 .page-header.type2 .search-area .minisearch .actions button { 185 .page-header.type2 .search-area .minisearch .actions button {
186     width: 38px; 186     width: 38px;
187     height: 42px; 187     height: 42px;
188     color: #222529; 188     color: #222529;
189 } 189 }
190 .page-header.type2 .sw-megamenu.navigation li.level0 .submenu a { 190 .page-header.type2 .sw-megamenu.navigation li.level0 .submenu a {
191     line-height: 20px; 191     line-height: 20px;
192     font-weight: 600; 192     font-weight: 600;
193 } 193 }
194 .main-panel-top .panel.header+.gap { 194 .main-panel-top .panel.header+.gap {
195     background: rgba(0,0,0,.04); 195     background: rgba(0,0,0,.04);
196 } 196 }
197 @media (min-width: 992px) { 197 @media (min-width: 992px) {
198 .page-header.type2 .nav-sections {  198 .page-header.type2 .nav-sections { 
199     min-height: 58px; 199     min-height: 58px;
200 } 200 }
201 .page-header.type2 .navigation > ul:before {  201 .page-header.type2 .navigation > ul:before { 
202     content: ''; 202     content: '';
203     position: absolute; 203     position: absolute;
204     width:100%; 204     width:100%;
205     top: 0; 205     top: 0;
206     border-top: 1px solid #f4f4f4; 206     border-top: 1px solid #f4f4f4;
207 } 207 }
208 .page-header.type2 .navigation .level0 .level-top { 208 .page-header.type2 .navigation .level0 .level-top {
209     line-height: 18px; 209     line-height: 18px;
210 } 210 }
211 .page-header.type2 .navigation .level0 .level-top:before { 211 .page-header.type2 .navigation .level0 .level-top:before {
212     content: ""; 212     content: "";
213     position: absolute; 213     position: absolute;
214     width: 100%; 214     width: 100%;
215     height: 3px; 215     height: 3px;
216     top: 0; 216     top: 0;
217     left: 0; 217     left: 0;
218     opacity: 0; 218     opacity: 0;
219 } 219 }
220 .page-header.type2 .navigation .level0:hover .level-top:before { 220 .page-header.type2 .navigation .level0:hover .level-top:before {
221     opacity: 1; 221     opacity: 1;
222 } 222 }
223 } 223 }
224 .top-icon .porto-sicon-header { 224 .top-icon .porto-sicon-header {
225     margin-bottom: .75rem; 225     margin-bottom: .75rem;
226 } 226 }
227 .widget .widgettitle { 227 .widget .widgettitle {
228     font-size: 1rem; 228     font-size: 1rem;
229     letter-spacing: -.02em; 229     letter-spacing: -.02em;
230 } 230 }
231 .slider-title { 231 .slider-title {
232     font-size: 1.125rem; 232     font-size: 1.125rem;
233     letter-spacing: -.02em; 233     letter-spacing: -.02em;
234     line-height: 1.45; 234     line-height: 1.45;
235  235 
236 .porto-products.title-border-middle>.section-title { 236 .porto-products.title-border-middle>.section-title {
237     margin-bottom: .5rem; 237     margin-bottom: .5rem;
238 } 238 }
239 .product-item-photo>a:not(.weltpixel-quickview):before { 239 .product-item-photo>a:not(.weltpixel-quickview):before {
240     content: ''; 240     content: '';
241     position: absolute; 241     position: absolute;
242     left: 0; 242     left: 0;
243     top: 0; 243     top: 0;
244     width: 100%; 244     width: 100%;
245     height: 100%; 245     height: 100%;
246     background: rgba(0,0,0,.1); 246     background: rgba(0,0,0,.1);
247     z-index: 3; 247     z-index: 3;
248     opacity: 0; 248     opacity: 0;
249     transition: opacity .2s; 249     transition: opacity .2s;
250 } 250 }
251 .product-item-info:hover .product-item-photo>a:not(.weltpixel-quickview):before { 251 .product-item-info:hover .product-item-photo>a:not(.weltpixel-quickview):before {
252     opacity:1; 252     opacity:1;
253 } 253 }
254 .product-item-info.type1 .product-item-details .product-item-actions .tocart { 254 .product-item-info.type1 .product-item-details .product-item-actions .tocart {
255     padding: 0 1.2em; 255     padding: 0 1.2em;
256     background-color: #f4f4f4; 256     background-color: #f4f4f4;
257     border: 1px solid #f4f4f4; 257     border: 1px solid #f4f4f4;
258     color: #6f6e6b; 258     color: #6f6e6b;
259 } 259 }
260 .product-item-info.type1:hover .product-item-details .product-item-actions .tocart { 260 .product-item-info.type1:hover .product-item-details .product-item-actions .tocart {
261     padding: 0 .7143em; 261     padding: 0 .7143em;
262     background: #2b2b2d; 262     background: #2b2b2d;
263     border-color: #2b2b2d; 263     border-color: #2b2b2d;
264     color: #fff; 264     color: #fff;
265 } 265 }
266  266 
267 .product-item .product-item-info.type1 .tocart:before { 267 .product-item .product-item-info.type1 .tocart:before {
268     display: none; 268     display: none;
269 } 269 }
270 .product-item .product-item-info.type1:hover .tocart:before { 270 .product-item .product-item-info.type1:hover .tocart:before {
271     display: inline-block; 271     display: inline-block;
272 } 272 }
273 .products-grid .product-item .product-item-info.type1:hover { 273 .products-grid .product-item .product-item-info.type1:hover {
274     box-shadow: 0 5px 25px 0 rgb(0 0 0 / 8%); 274     box-shadow: 0 5px 25px 0 rgb(0 0 0 / 8%);
275 } 275 }
276 .product-item-info:hover .product-item-photo { 276 .product-item-info:hover .product-item-photo {
277     box-shadow: none; 277     box-shadow: none;
278 } 278 }
279 .small-list.products-grid .product-items .product-item-info .product-item-photo:before {display: none;} 279 .small-list.products-grid .product-items .product-item-info .product-item-photo:before {display: none;}
280  280 
281 .products-slider.owl-carousel .product-item {  281 .products-slider.owl-carousel .product-item { 
282     margin-bottom: 25px; 282     margin-bottom: 25px;
283     margin-top: 10px; 283     margin-top: 10px;
284 } 284 }
285 .product-options-bottom, .product-info-price {  285 .product-options-bottom, .product-info-price { 
286     font-family: 'Poppins'; 286     font-family: 'Poppins';
287 } 287 }
288 .page-wrapper > .breadcrumbs .items { 288 .page-wrapper > .breadcrumbs .items {
289     padding: 10px; 289     padding: 10px;
290 } 290 }
291 .block-category-list .block-title, .side-custom-block .custom-block h2 {  291 .block-category-list .block-title, .side-custom-block .custom-block h2 { 
292     font-family: 'Poppins'; 292     font-family: 'Poppins';
293 } 293 }
294 .footer .widgettitle, .footer .widget-title { 294 .footer .widgettitle, .footer .widget-title {
295     font-size: 1rem; 295     font-size: 1rem;
296     font-weight: 600; 296     font-weight: 600;
297 } 297 }
298 .footer .block.newsletter .form.subscribe {  298 .footer .block.newsletter .form.subscribe { 
299     display: block; 299     display: block;
300 } 300 }
301 .footer .block.newsletter .field {  301 .footer .block.newsletter .field { 
302     margin-bottom: 1rem; 302     margin-bottom: 1rem;
303 } 303 }
304 .footer .newsletter input { 304 .footer .newsletter input {
305     height: 44px;  305     height: 44px; 
306     border: none; 306     border: none;
307     border-radius: 30px; 307     border-radius: 30px;
308     background: #292c30; 308     background: #292c30;
309     padding-left: 1.5rem; 309     padding-left: 1.5rem;
310     font-size: .8125rem; 310     font-size: .8125rem;
311 } 311 }
312 .footer .newsletter .action.subscribe { 312 .footer .newsletter .action.subscribe {
313     height: 44px; 313     height: 44px;
314     border: none; 314     border: none;
315     border-radius: 30px; 315     border-radius: 30px;
316     padding: 0 1.75rem; 316     padding: 0 1.75rem;
317     font-size: .8125rem; 317     font-size: .8125rem;
318     font-weight: 700; 318     font-weight: 700;
319     font-family: inherit; 319     font-family: inherit;
320     letter-spacing: 0; 320     letter-spacing: 0;
321     margin-left: -1px; 321     margin-left: -1px;
322 } 322 }
323 .footer .widget { 323 .footer .widget {
324     margin-bottom: 1.875rem; 324     margin-bottom: 1.875rem;
325     margin-top: 1.875rem; 325     margin-top: 1.875rem;
326 } 326 }
327 .footer .widget:first-child { 327 .footer .widget:first-child {
328     margin-top: 0; 328     margin-top: 0;
329 } 329 }
330 .footer .contact-info .contact-details strong, .footer .contact-info .contact-details span {  330 .footer .contact-info .contact-details strong, .footer .contact-info .contact-details span { 
331     line-height: 1.4; 331     line-height: 1.4;
332 } 332 }
333 .footer-bottom .widget.widget_custom_html { 333 .footer-bottom .widget.widget_custom_html {
334     margin: 0; 334     margin: 0;
335 } 335 }
336 @media(min-width:768px){ 336 @media(min-width:768px){
337 .footer-bottom .widget.widget_custom_html { 337 .footer-bottom .widget.widget_custom_html {
338     display: flex;  338     display: flex; 
339     justify-content: flex-end; 339     justify-content: flex-end;
340  340 
341 } 341 }
342 } 342 }